<div name='T_e742'  className="product-container wrapper">
    <h4 name='T_6f77'  className="title">基本信息</h4>
    <div name='T_5838'  className="product-main">
        <div name='T_cc04'  className="product-select clearfix">
            <div name='T_253e'  className="c-fl left">产品：</div>
            <div name='T_0654'  className="c-fl right input-box">
                <MyInputComponent value={data.productInfo? data.productInfo.name:'' } name="productName" id="productName" ref="productName" title="产品" placeholder="更改产品" rule="{'require':'true'}"/>
            </div>
        </div>
        {
            data.productInfo &&
            <div>
                <p name='T_5f3c'  className="product-crossline"></p>
                <div name='T_71f8'  className="product-info clearfix">
                    <div name='T_a6c1'  className="avatar c-fl">
                        <img name='T_0ec3'  src={data.productInfo.image||"images/avatar1.png"} alt="avatar" />
                    </div>
                    <div name='T_1158'  className="product-info-box c-fl">
                        <p name='T_7fd6'  className="product-info-title">{data.productInfo.name}</p>
                        <p name='T_3e4b'  className={cx("product-info-type","clearfix",{"hidden":data.productInfo.cargos.length===0})}>
                            {
                            data.productInfo.cargos.map(function(item, index){
                            return(
                            <em name='T_3aa1' >{item.cargoTypeName}</em>
                            )
                            })
                            }
                        </p>
                        <p name='T_20a7'  className="product-info-condition"><span name='T_baeb'  className={cx({"hidden":(data.productInfo.estimatedTime===null)||(data.productInfo.estimatedUnit===null)})}>预估时效：{data.productInfo.estimatedTime + data.productInfo.estimatedUnit}</span><span name='T_13a2'  className={cx({"hidden":(data.productInfo.weightLimitMin===null)||(data.productInfo.weightLimitMax===null)||(data.productInfo.weightLimitUnitCode===null)})}>重量限制：{data.productInfo.weightLimitMin}-{data.productInfo.weightLimitMax}{data.productInfo.weightLimitUnitCode}</span></p>
                        <p name='T_3fc1'  className="product-info-detail">{data.productInfo.introduction}</p>
                    </div>
                </div>
            </div>
        }
    </div>
    {
    data.productInfo &&
        <div name='T_539e'  className={cx("product-service",{"hidden":data.productInfo.optionalServiceTypes.length===0})}>
            <dl name='T_f609'  className="product-service-item clearfix">
                <dt name='T_b73f'  className="c-fl">服务：</dt>
                {
                    data.productInfo.optionalServiceTypes.map(function(item, index){
                        return(
                            <dd name='T_ea12'  className="c-fl">
                                <div name='T_8307'  className="hna-checkbox">
                                    <input name='T_733f'  type="checkbox" checked={item.checked} id={'hna_' + item.serviceTypeCode} onChange={component.selectItemFn.bind(component, item)}/>
                                    <label name='T_6c7a'  htmlFor={'hna_' + item.serviceTypeCode}></label>
                                    <span name='T_ea17' >{item.serviceTypeName}</span>
                                </div>
                            </dd>
                        )
                    })
                }
            </dl>
        </div>
    }
    <div name='T_ed10'  className="product-form-groups">
        <div name='T_fdfb'  className="product-forms clearfix">
            <div name='T_f6c8'  className="product-form clearfix c-fl">
                <div name='T_9d0f'  className="c-fl left">
                    <span name='T_ac36'  className="red">*</span>
                    <span name='T_8d19' >客户单号：</span>
                </div>
                <div name='T_6f86'  className="c-fl right input-box">
                    <MyInputComponent value={data.externalNo} ref="externalNo" onBlur={this.checkExternalNo} rt-model={this.valueLinked("externalNo","externalNo")} name="externalNo" id="externalNo" title="客户单号" rule="{'reg':'code','require':'true','maxLength':'30'}" errorMsg="{'rule':'请输入大小写字母、数字或符号-、_'}" />
                </div>
            </div>
            <div name='T_27f9'  className="product-auto-generate c-fl">
                <div name='T_8f9c'  className="hna-checkbox">
                    <input name='T_3a51'  type="checkbox" id="autoGenerate" onClick={this.autoGenerateNo}/>
                    <label name='T_8262'  htmlFor="autoGenerate"></label>
                    <span name='T_9528' >自动生成</span>
                </div>
            </div>
            <div name='T_aa45'  className="product-form clearfix c-fr">
                <div name='T_6689'  className="c-fl left input-box">
                    <span name='T_ef3e'  className="red">*</span>
                    <span name='T_cb57' >货物类型：</span>
                </div>
                <div name='T_9971'  className="c-fl right input-box">
                    <MyInputComponent value={data.cargoTypeName} name="cargoTypeName" ref="cargoTypeName" rule="{'require':'true'}" id="cargoTypeName" title="货物类型"/>
                </div>
            </div>
        </div>
        <div name='T_e753'  className="product-forms clearfix">
            <div name='T_f9eb'  className="product-form clearfix c-fl">
                <div name='T_14bf'  className="c-fl left">
                    <span name='T_ec0d'  className="red">*</span>
                    <span name='T_c332' >预估重量：</span>
                </div>
                <div name='T_a7a8'  className="c-fl right input-box">
                    <MyInputComponent value={data.cusWeight} onBlur={this.checkWeight} name="cusWeight" id="cusWeight" ref="cusWeight" rt-model={this.valueLinked("cusWeight","cusWeight")} rule="{'reg':'isLimitFloat','require':'true','maxLength':'9'}" errorMsg="{'rule':'请输入数字和小数点，可精确到小数点后3位，且应大于0'}" title="预估重量" />
                </div>
            </div>
            <div name='T_c76b'  className="cus-weight-unit c-fl input-box input-weight-unit">
                <MyInputComponent value={data.cusWeightUnit} name="cusWeightUnit" id="cusWeightUnit" rule="{'require':'true'}" ref="cusWeightUnit" rule="{'require':'true'}"/>
            </div>

            <div name='T_1bb6'  className="product-form clearfix c-fr">
                <div name='T_ecd3'  className="c-fl left">
                    <span name='T_99e9'  className="red">*</span>
                    <span name='T_c1c7' >货物件数：</span>
                </div>
                <div name='T_9c4a'  className="c-fl right input-box">
                    <MyInputComponent value={data.packageNum} name="packageNum" id="packageNum" ref="packageNum" rt-model={this.valueLinked("packageNum","packageNum")} rule="{'reg':'packageNum','require':'true','maxLength':'2'}" errorMsg="{'rule':'请输入2位正整数'}" title="货物件数"/>
                </div>
            </div>
        </div>
    </div>
</div>